<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="24" :xs="24">
          <el-tabs v-model="activeTab">
            <el-tab-pane label="个体工商户" name="individualType">
              <individualType :payer="payer" />
            </el-tab-pane>
            <el-tab-pane label="临时税务登记" name="temporaryType">
              <temporaryType :payer="payer" />
            </el-tab-pane>
          </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import individualType from "./individualType";
import temporaryType from "./temporaryType";

export default {
  name: "Taxpayer",
  components: {  individualType, temporaryType },
  data() {
    return {
      payer: {},
      activeTab: "individualType"
    };
  },
  created() {
    // this.getUser();
  },
  methods: {
    // getUser() {
    //   getUserProfile().then(response => {
    //     this.user = response.data;
    //     this.roleGroup = response.roleGroup;
    //     this.postGroup = response.postGroup;
    //   });
    // }
  }
};
</script>
